<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>机构角色-登陆和注册</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport"
              content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all">
        <link rel="stylesheet" href="../layuiadmin/style/login.css" media="all">
        <script src="../jslib/jquery-3.6.0.js"></script>
        <script src="../js/teacherManager.js"></script>
        <script src="../js/organization_login_reg.js"></script>
        <style>
            body {
                width: 100%;
                height: 100vh; /**屏幕高度百分百*/
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .main {
                border: 0px solid #0000FF;
                height: 600px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        </style>
    </head>
    <body style="background-color: #FFFFFF">
        <div class="layadmin-user-display-show main" id="LAY-user-login">
            <div class="layadmin-user-login-box layadmin-user-login-header" style="padding: 5px">
                <img src="../img/logo.png">
            </div>
            <div class="layadmin-user-login-main" style="width: auto; text-align: center">
                <div class="layadmin-user-login-box layadmin-user-login-body layui-form" style="padding: 5px">
                    <div id="loginOrganizationDIV"
                         style="display: inline-block; margin-right: 15px; width: 450px; vertical-align: top">
                        <form class="layui-form">
                            <table id="studentLoginTable" class="layui-table" style="text-align: left">
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                                                       for="LAY-user-login-username"></label>
                                                <input type="text" name="organizationId" id="LAY-user-login-username"
                                                       placeholder="用户名" class="layui-input">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                                                       for="LAY-user-login-password"></label>
                                                <input type="password" name="password" id="LAY-user-login-password"
                                                       placeholder="密码" class="layui-input">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <input type="checkbox" name="remember" lay-skin="primary"
                                                       title="记住密码(15天)" value="yes">
                                                <a href="forget.html" class="layadmin-user-jump-change layadmin-link"
                                                   style="margin-top: 7px;">忘记密码？</a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <button id="loginButton" type="button"
                                                        class="layui-btn layui-btn-fluid layui-btn-danger"
                                                        lay-submit
                                                        lay-filter="LAY-user-login-submit">登 陆
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-trans layui-form-item layadmin-user-login-other"
                                                 style="margin: 5px 5px; padding-top: 0px">
                                                <label>社交账号登入</label>
                                                <a href="javascript:;" title="QQ登陆"><i
                                                        class="layui-icon layui-icon-login-qq"
                                                        style="color: #eeeeee"></i></a>
                                                <a href="javascript:;" title="微信登陆"><i
                                                        class="layui-icon layui-icon-login-wechat"
                                                        style="color: #eeeeee"></i></a>
                                                <a href="selectRule.html"
                                                   class="layadmin-user-jump-change layadmin-link">返回首页</a>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </form>
                    </div>
                    <div id="regOrganizationDIV" style="display: inline-block; width: 450px;">
                        <form class="layui-form">
                            <table id="studentRegTable" class="layui-table" style="text-align: left">
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                                                       for="LAY-user-login-organizationName"></label>
                                                <input type="text" name="organizationName"
                                                       id="LAY-user-login-organizationName"
                                                       placeholder="机构名称" class="layui-input" value="机构名称">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                                                       for="LAY-user-login-contactsName"></label>
                                                <input type="text" name="contactsName" id="LAY-user-login-contactsName"
                                                       placeholder="联系人" class="layui-input" value="张老师">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <select name="contactsSex" lay-verify="required">
                                                    <option value="男">男</option>
                                                    <option value="女">女</option>
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                                                       for="LAY-user-login-organizationId"></label>
                                                <input type="text" name="organizationId"
                                                       id="LAY-user-login-organizationId"
                                                       placeholder="机构账号" class="layui-input" value="">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                                                       for="LAY-user-login-password"></label>
                                                <input type="password" name="password" id="LAY-user-login-password"
                                                       placeholder="密码" class="layui-input" value="123">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                                                       for="LAY-user-login-email"></label>
                                                <input type="text" name="email" id="LAY-user-login-email"
                                                       placeholder="邮箱" class="layui-input" value="123123@qq.com">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                                                       for="LAY-user-login-phone"></label>
                                                <input type="text" name="phone" id="LAY-user-login-phone"
                                                       placeholder="电话" class="layui-input" value="12312345678">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-form-item" style="margin: 5px 5px">
                                                <button id="regButton" type="button"
                                                        class="layui-btn layui-btn-fluid layui-btn-danger"
                                                        lay-submit
                                                        lay-filter="LAY-user-login-submit">注 册
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="layui-trans layui-form-item layadmin-user-login-other"
                                                 style="margin: 5px 5px; padding-top: 0px">
                                                <label>社交账号登入</label>
                                                <a href="javascript:;" title="QQ登陆"><i
                                                        class="layui-icon layui-icon-login-qq"
                                                        style="color: #eeeeee"></i></a>
                                                <a href="javascript:;" title="微信登陆"><i
                                                        class="layui-icon layui-icon-login-wechat"
                                                        style="color: #eeeeee"></i></a>
                                                <a href="selectRule.html"
                                                   class="layadmin-user-jump-change layadmin-link">返回首页</a>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
            <div class="layui-trans layadmin-user-login-footer">
                <p>北京因特驰教育科技有限公司 @版权所有</p>
            </div>
        </div>
        <script src="../layuiadmin/layui/layui.js"></script>
        <script>
            layui.config({
                base: '../layuiadmin/' //静态资源所在路径
            }).extend({
                index: 'lib/index' //主入口模块
            }).use(['index', 'user'], function () {
                var $ = layui.$
                    , setter = layui.setter
                    , admin = layui.admin
                    , form = layui.form
                    , router = layui.router()
                    , search = router.search;
                form.render();
            });
        </script>
    </body>
</html>